<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登陆</title>
<script type="text/javascript">

function loginBtn(){
	alert("登陆成功!");
}

</script>
</head>

<body>
<div>
 <div><img src="../2-界面原型/Penguins.jpg" width="102.4" height="76.8" alt=""/></div>
 <div class="login-form">
   <div><img src="../2-界面原型/人像图标.jpg" width="10.24" height="14.61" alt="" />&nbsp;<input id="txtName" type="text" placeholder="请输入账号" /></div>
   <div><img src="../2-界面原型/人像图标.jpg" width="10.24" height="14.61" alt="" />&nbsp;<input id="txtPass" type="password" placeholder="请输入密码" /></div>
   <div>
     <img src="人像图标.jpg" width="10.24" height="14.61" alt="" />&nbsp;<input id="txtSms" type="password" placeholder="请输入验证码" />&nbsp;
     <input id="getSmsBtn" type="button" value="获取" />
     </div>
     <div>
       <a href="#">注册</a>&nbsp;&nbsp;
       <a href="#">忘记密码?</a>
     </div>
      <div><input id="loginBtn" type="button" value="登陆" onclick="loginBtn()" /></div>
       
       
</body>
</html>
